<html>
<head>
<style>
div.form-container { overflow: auto; margin: 0 0; padding: 0 0; background-color: #E8EEF7; border: #EEE 1px solid; }
div.form-container a{text-decoration: none;text-transform: none;color:#FFFFFF;}
div.form-container a:hover {color: #FC6;}
div.form-container #main { margin-top: 5px;}
div.form-container div.header {margin: 0 0; padding: 2px 8px; background: #000 url('http://xpenser.com/static/xpenser/imgs/logo-orange.gif') no-repeat left top;-moz-background-size: 114px;background-size: 114px;font-size: 11px; font-family: tahoma;font-weight: bold;height: 30px;text-align: right;}
div.form-container div.header div.logo{position: absolute;display:block;margin: 0 -6px;padding: 0 0;width: 116px;height: 30px;cursor: hand;z-index:99;}
div.form-container div.header div.options {position: relative;display:block;}
div.form-container div.header div.message {position:relative;z-index:2;color:#FFC;padding:2px;}
div.form-container div.entryform { margin: 6px 3px 2px 3px; padding: 3px 0 0 0; border: #DDD 1px solid;}
div.form-container div.entryform label { margin-right: 6px; padding-right: 5px; font-family: Arial, Verdana; font-size:0.65em; font-style: normal; width: 22%; display: block; float: left; text-align: right; position: relative; }
div.form-container div.entryform label.error  { color: #C00; } 
div.form-container div.entryform label.normal { color: #0C365C; }
div.form-container div.entryform label em { position: absolute; right: -4px; top:-4px; font-size:0.90em; font-weight: normal; color: #C00; }
div.form-container div.entryform input {display:inline; width: 60%; font-size:0.65em;font-family: Verdana;  }
div.form-container div.entryform input:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.entryform input.hidden {width: 20%; margin-left:40%;margin-right:auto; display:none;}
div.form-container div.logincls { margin: 6px 3px 2px 3px; padding: 3px 0 0 0; border: #DDD 1px solid;}
div.form-container div.logincls label { margin-right: 6px; padding-right: 5px; font-family: Arial, Verdana; font-size:0.65em; font-style: normal; width: 22%; display: block; float: left; text-align: right; position: relative; }
div.form-container div.logincls label.error  { color: #C00; } 
div.form-container div.logincls label.normal { color: #0C365C; }
div.form-container div.logincls label em { position: absolute; right: -4px; top:-4px; font-size:0.90em; font-weight: normal; color: #C00; }
div.form-container div.logincls input {display:inline; width: 60%; font-size:0.65em;font-family: Verdana;  }
div.form-container div.logincls input:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.logincls input.hidden {width: 20%; margin-left:40%;margin-right:auto; display:none;}

</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
	google.load("jquery", "1.3.2");
</script>
<body>
<div class="form-container"> 
	<div class="header">
		<a href="http://xpenser.com" target="_blank">
			<div id="xpenserlink" class="logo">&nbsp;</div>
		</a>
	    <div class="options">
			<a href="#" id="login">Login</a>
			<a href="#" id="logout">Logout</a>
			<a href="#" id="confirm">Confirm</a>
        </div>
        <div class="message">&nbsp;</div>
	</div>	
	<div id="main" class="entryform">
		<form action="" id="newEntry" method="POST"> 
			<div class="mandatory" id="type">
			  <label class="normal">type</label>
			  <input name="type" size="30" type="text">
			</div>
			<div class="mandatory" id="amount">
			  <label class="normal">amount:</label>
			  <input name="amount" size="10" style="text-align:right;" type="text">
			</div>
			<div class="mandatory" id="notes">
			  <label class="normal">notes:</label>
			  <input name="notes" size="40" type="text">
			</div>
			<div id="date">
			  <label class="normal">date:</label>
			  <input name="date" size="8" type="text" value="">
			</div>
			<div id="tags">
			  <label class="normal">tags:</label>
			  <input name="tags" type="text">
			</div>
			<input class="hidden" type="submit" value="Save">
		</form>
	</div>
	<div id="logindiv" class='logincls'>
		<form action="" id="loginForm" method="POST"> 
			<div class="mandatory" id="user">
			  <label class="normal">user</label>
			  <input name="user" size="30" type="text">
			</div>
			<div class="mandatory" id="password">
			  <label class="normal">password:</label>
			  <input name="password" size="10" type="text">
			</div>
			<input class="hidden" type="submit" value="Save">
		</form>
	</div>
</div>	
</body>
</html>